<style type="text/css">
<!--
.product_prop${portletid}{
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	height:${portletheight}px;
	width:100%;
	background:#7a7a7a;
	filter:alpha(opacity=40);
	-moz-opacity:0.5;
	opacity:0.5;
}
.product_pro${portletid}{ height:143px; background:#2a2a2a; width:90%;}
.product_list${portletid} li{ float:right; margin-right:12px;}
-->
</style>

<div class="product_prop${portletid}">
	<div class="product_pro${portletid}" >
	<div style="position:relative;">
		<img src="${resourcePath}/images/png.png" style="position:absolute; right:428px;z-index:999;margin-top:10px;height:120px"  border="0" />
		<div id="pro${portletid}" style="float:right; margin:10px 20px 10px 0;">
		<ul class="product_list${portletid}" id="pros${portletid}" style="">
	        <#list articles as articles>
	    		<li >
	    			<a href="${contextPath}/cms/channel/layout/a,${articles.id}?isLayout=${isLayout}" target="_blank" title="${articles.art_name}">
						<img src="${articles.firtImgrSrc}" alt="pic" width="99" height="120" border="0" />
					</a>
	    		</li>
			</#list>
	  	</ul>
	  	</div>
	 </div>
	 </div>
 </div>
  
<SCRIPT type=text/javascript> 
 
new Marquee(
{
	MSClass	  : ["pro${portletid}","pros${portletid}"],
	Direction : 2,
	Step	  : 1,
	Width	  : 480,
	Height	  : 130,
	Timer	  : 20,
	DelayTime : 0,
	WaitTime  : 0,
	ScrollStep: 0,
	SwitchType: 0,
	HiddenID  : ["pro${portletid}"],
	AutoStart : true
});

</script>

      